<div class="p-3 bg-white">
  <h3 class="m-0">Gallery</h3>
</div>
<div class="p-3 relative col-md-12">
  <ul class="nav nav-tabs nav-line mb-3" role="tablist">
    <li class="nav-item"><a class="nav-link active">All</a></li>
    <li class="nav-item"><a class="nav-link">Object</a></li>
    <li class="nav-item"><a class="nav-link">City</a></li>
    <li class="nav-item"><a class="nav-link">Bulding</a></li>
  </ul>
  <div class="row row-gap-5">
    <div class="col-sm-6 col-md-4 col-lg-3">
      <div style="background-image: url(/static/img/gallery/dummy1.jpg)" class="file-item item">
        <div class="overlayer"></div>
        <div class="info px-3">
          <div class="h4 m-0 font-thin text-white">Lorem</div>
          <div class="mb-3">
            <span>ipsum dolor sit</span>
            <span class="h4 m-0 text-white float-right">23.00 $</span>
          </div>
          <span class="text-white">
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star-o"></i>
          </span>
          <button class="btn btn-secondary rounded float-right btn-xs">Buy</button>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-md-4 col-lg-3">
      <div style="background-image: url(/static/img/gallery/dummy2.jpg)" class="file-item item">
        <div class="overlayer"></div>
        <div class="info px-3">
          <div class="h4 m-0 font-thin text-white">Lorem</div>
          <div class="mb-3">
            <span>ipsum dolor sit</span>
            <span class="h4 m-0 text-white float-right">23.00 $</span>
          </div>
          <span class="text-white">
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star-o"></i>
          </span>
          <button class="btn btn-secondary rounded float-right btn-xs">Buy</button>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-md-4 col-lg-3">
      <div style="background-image: url(/static/img/gallery/dummy3.jpg)" class="file-item item">
        <div class="overlayer"></div>
        <div class="info px-3">
          <div class="h4 m-0 font-thin text-white">Lorem</div>
          <div class="mb-3">
            <span>ipsum dolor sit</span>
            <span class="h4 m-0 text-white float-right">23.00 $</span>
          </div>
          <span class="text-white">
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star-o"></i>
          </span>
          <button class="btn btn-secondary rounded float-right btn-xs">Buy</button>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-md-4 col-lg-3">
      <div style="background-image: url(/static/img/gallery/dummy4.jpg)" class="file-item item">
        <div class="overlayer"></div>
        <div class="info px-3">
          <div class="h4 m-0 font-thin text-white">Lorem</div>
          <div class="mb-3">
            <span>ipsum dolor sit</span>
            <span class="h4 m-0 text-white float-right">23.00 $</span>
          </div>
          <i class="fa fa-star"></i>
          <i class="fa fa-star"></i>
          <i class="fa fa-star"></i>
          <i class="fa fa-star-o"></i>
          <button class="btn btn-secondary rounded float-right btn-xs">Buy</button>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-md-4 col-lg-3">
      <div style="background-image: url(/static/img/gallery/dummy5.jpg)" class="file-item item">
        <div class="overlayer"></div>
        <div class="info px-3">
          <div class="h4 m-0 font-thin text-white">Lorem</div>
          <div class="mb-3">
            <span>ipsum dolor sit</span>
            <span class="h4 m-0 text-white float-right">23.00 $</span>
          </div>
          <span class="text-white">
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star-o"></i>
          </span>
          <button class="btn btn-secondary rounded float-right btn-xs">Buy</button>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-md-4 col-lg-3">
      <div style="background-image: url(/static/img/gallery/dummy6.jpg)" class="file-item item">
        <div class="overlayer"></div>
        <div class="info px-3">
          <div class="h4 m-0 font-thin text-white">Lorem</div>
          <div class="mb-3">
            <span>ipsum dolor sit</span>
            <span class="h4 m-0 text-white float-right">23.00 $</span>
          </div>
          <span class="text-white">
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star-o"></i>
          </span>
          <button class="btn btn-secondary rounded float-right btn-xs">Buy</button>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-md-4 col-lg-3">
      <div style="background-image: url(/static/img/gallery/dummy7.jpg)" class="file-item item">
        <div class="overlayer"></div>
        <div class="info px-3">
          <div class="h4 m-0 font-thin text-white">Lorem</div>
          <div class="mb-3">
            <span>ipsum dolor sit</span>
            <span class="h4 m-0 text-white float-right">23.00 $</span>
          </div>
          <span class="text-white">
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star-o"></i>
          </span>
          <button class="btn btn-secondary rounded float-right btn-xs">Buy</button>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-md-4 col-lg-3">
      <div style="background-image: url(/static/img/gallery/dummy8.jpg)" class="file-item item">
        <div class="overlayer"></div>
        <div class="info px-3">
          <div class="h4 m-0 font-thin text-white">Lorem</div>
          <div class="mb-3">
            <span>ipsum dolor sit</span>
            <span class="h4 m-0 text-white float-right">23.00 $</span>
          </div>
          <span class="text-white">
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star-o"></i>
          </span>
          <button class="btn btn-secondary rounded float-right btn-xs">Buy</button>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-md-4 col-lg-3">
      <div style="background-image: url(/static/img/gallery/dummy9.jpg)" class="file-item item">
        <div class="overlayer"></div>
        <div class="info px-3">
          <div class="h4 m-0 font-thin text-white">Lorem</div>
          <div class="mb-3">
            <span>ipsum dolor sit</span>
            <span class="h4 m-0 text-white float-right">23.00 $</span>
          </div>
          <span class="text-white">
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star-o"></i>
          </span>
          <button class="btn btn-secondary rounded float-right btn-xs">Buy</button>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-md-4 col-lg-3">
      <div style="background-image: url(/static/img/gallery/dummy10.jpg)" class="file-item item">
        <div class="overlayer"></div>
        <div class="info px-3">
          <div class="h4 m-0 font-thin text-white">Lorem</div>
          <div class="mb-3">
            <span>ipsum dolor sit</span>
            <span class="h4 m-0 text-white float-right">23.00 $</span>
          </div>
          <span class="text-white">
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star-o"></i>
          </span>
          <button class="btn btn-secondary rounded float-right btn-xs">Buy</button>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-md-4 col-lg-3">
      <div style="background-image: url(/static/img/gallery/dummy11.jpg)" class="file-item item">
        <div class="overlayer"></div>
        <div class="info px-3">
          <div class="h4 m-0 font-thin text-white">Lorem</div>
          <div class="mb-3">
            <span>ipsum dolor sit</span>
            <span class="h4 m-0 text-white float-right">23.00 $</span>
          </div>
          <span class="text-white">
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star-o"></i>
            </span>
          <button class="btn btn-secondary rounded float-right btn-xs">Buy</button>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-md-4 col-lg-3">
      <div style="background-image: url(/static/img/gallery/dummy4.jpg)" class="file-item item">
        <div class="overlayer"></div>
        <div class="info px-3">
          <div class="h4 m-0 font-thin text-white">Lorem</div>
          <div class="mb-3">
            <span>ipsum dolor sit</span>
            <span class="h4 m-0 text-white float-right">23.00 $</span>
          </div>
          <span class="text-white">
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
            <i class="fa fa-star-o"></i>
            </span>
          <button class="btn btn-secondary rounded float-right btn-xs">Buy</button>
        </div>
      </div>
    </div>
  </div>
</div>
